<template>
  <div id="header">
    <h4>学情分析平台</h4>
    <div id="logoutbox">
    	<el-dropdown split-button>
        用户名
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item>
            <span @click="logout">注销</span>
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
      logout(){
      	this.$router.push({path:'/Login'});
      }
      
    }
}
</script>

<style type="text/css">
  #header{
  	height: 50px;
  	background-color: #409EFF;
  }
  #header>h4{
  	margin: 0;
    line-height: 50px;
    color: white;
  }
  #logoutbox{
  	position: absolute;
  	top: 15px;
  	right: 15px;
  }
  .el-dropdown {
    vertical-align: top;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
</style>